<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS基本语法</title>
<style type="text/css">
	#testDIV{height: 500px; width: 500px; background-color: yellow;}
</style>
<link rel="stylesheet" href="test.css">
</head>
<!--
	css的三种使用方式：
	1、行内样式
	格式：在标签中使用style属性设置样式，style="样式属性名：属性值;样式属性名：属性值;..."
	2、内嵌样式
	格式：选择器{样式属性名：属性值;样式属性名：属性值;...}
	3、外部样式
	将样式写在css文件中，通过<link rel="stylesheet" href="test.css">引入当前页面
-->
<body>
	<p style="color: red;font-size: 32px;">师傅领进门，修行在个人</p>
	<div id="testDIV"></div>
	<span>helloworld</span>
</body>
</html>